Je souhaite surveiller un événement de démontage sur mon NAS. il a une page séparée pour démonter tous les lecteurs USB. Je l'ai inclus via iframe et je souhaite maintenir le chargement du site jusqu'à ce que la source de l'image ait été changée en une source spécifique (une barre verte, indiquant qu'il a été démonté). La raison pour laquelle je veux garder le chargement est parce que je l'appelle via une fonction jquery.get à partir d'un autre site, et je veux qu'il attende que le processus de démontage soit terminé. Ce serait génial si cela n'est possible qu'en javascript simple, mais si nécessaire, je peux également inclure jquery. Voici ce que j'ai obtenu jusqu'à présent: Je reçois immédiatement une erreur indiquant que l'élément "uiView_TestPic" n'existe pas, même lorsque j'ajoute un délai avant d'exécuter la vérification. Le site iFrame inclus cesse de se charger dès que toutes les images sont chargées et non lorsque tout le processus est terminé.
2021-02-05 08:20:16
Tout d'abord, les deux cadres doivent être exécutés sur le même domaine, car les navigateurs empêcheront le code d'un cadre d'accéder à quoi que ce soit dans l'autre cadre s'il s'agit de domaines différents. Si les deux cadres ne sont pas sur le même domaine, alors l'iframe devra se surveiller et notifier l'autre cadre quand il aura fini d'utiliser quelque chose comme window.postMessage (). S'ils sont sur le même domaine, c'est un peu compliqué. Vous devez obtenir l'élément iframe (qui se trouve dans votre document principal). Vous devez attendre que cela soit prêt (car il doit charger son propre contenu). Ensuite, vous devez obtenir le document dans l'iframe. Ensuite, vous pouvez trouver l'image souhaitée dans l'iframe. Ensuite, vous pouvez observer son contenu. Et, bien sûr, vous ne pouvez faire cela que si l'iframe est du même domaine que votre page principale (en raison de restrictions de sécurité). Tout d'abord, ajoutez un identifiant à l'iframe: